<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Daatum - alpha</title>
<style type="text/css">
<!--
.style1 {
    font-family: "Kristen ITC";
    font-size: 48px;
    font-weight: bold;
}
.style5 {
    font-size: 28px;
    color: #FF0000;
}
.styleQueryBox {
    border: 3px solid ;
    font-size:medium;
    font-weight:100;
}
.KristenBlue {
    font-family: "Kristen ITC";
    font-size: 24px;
    font-weight: bold;
    color:#0000CC;
}
.style9 {font-size: 56px}
.style11 {
    color: #333333;
    font-size: 18px;
    font-family:'Kristen ITC';
}
-->
</style>
</head>
<body class="">
<div align="right"><a href="/feedback" style="font-size:90%; text-decoration:none; font-family:'Kristen ITC'; color: #00FF00">feedback</a></div>
    <div align="left">
      <p><span class="style1"><span class="style9">.</span>Daatum<span class="style9">.</span><span class="style5">alpha</span><span class="style9">. </span></span><span class="style11">Data by everybody for everybody</span></p>
</div>
    <center>
      <table cellpadding="0" cellspacing="0">
    <tbody>
    <tr valign="top">
    <td align="center" nowrap="">
    <form name="f" method="post" action="/">
    <input  class="styleQueryBox" name="query" value="{{ query }}" type="text" id="querybox" tabindex="0" size="100" />
    </td><tr><td align="left">
    <span style="color:#666"> example: Europe.countries population,area </span><a href"/about#query">Learn more...</a>
    <!--#666--><!--#CCFF99;-->
    </form>
    </td></tr><td align="center">
    <p class="KristenBlue"><a onClick="document['f'].submit()" style="font-family:inherit; font-weight:bold;" onmouseover="this.style.color='#FF6633'"  onmouseout="this.style.color='#0000CC' ">Query</a></p>
    </td></tr></tbody></table>
</center>
</body>
</html>